<template>
    <div id="app">
        <router-view/>
        <van-tabbar route v-model="active">
            <van-tabbar-item replace to="/main" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item replace to="/news" icon="orders-o">动态</van-tabbar-item>
            <van-tabbar-item replace to="/user" icon="friends-o">个人中心</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
<script>
    import '@/assets/css/reset.css';
    export default {
        name: "index",
        data() {
            return {
                active: null
            }
        },
        created() {
            this.active = 0;
            this.$router.push('/main')
        }
    }
</script>
<style>
    body {
        font-size: 16px;
        background-color: #f8f8f8;
        -webkit-font-smoothing: antialiased;
    }
</style>
